<extend name="Index:base"/>
<block name="content">
		<!--content-->
		<div id="content">
			<div class="w1064">
				<form action="{:U('Home/Index/home')}&do=update" enctype="multipart/form-data" method="post">
				<!--用户中心-->
				<div class="userContent homeTabs">
					<!--item-->
					<div class="homeItem">
						<!--header-->
						<div class="homeItemHeader">
							<span>您好，{$listdata[name]}：</span>
						</div>
						<!--header end-->
						<!--content-->
						<div class="homeItemContent">
							<div class="row">
								<span class="label">您的主页昵称：</span>
								<div class="cont">
									<p><input type="text"  id="nickname" class="_txt" name="nickname" value="{$listdata[nickname]}" /></p>
								</div>
							</div>
							<div class="row">
								<span class="label">您的主页网址：</span>
								<div class="cont">
									<p>
										<span>www.</span>
										<input type="text"  id="copymessage" class="_txt" name="mainuri" value="{$listdata[mainuri]}" />
										<span>.58tuji.com</span>
										<input id="copybutton" type="button" class="_btn" value="复制" />
										<em>*注：一旦确认，不能修改。</em>
									</p>
								</div>
							</div>
							<script type="text/javascript" src="__PUBLIC__/pc/js/jquery.zclip.min.js"></script>
							<script type="text/javascript">
							$(function(){ 
								  $('#copybutton').zclip({ 
								    path: '__PUBLIC__/pc/js/ZeroClipboard.swf', 
								    copy: function(){ 
								      return "www."+$('#copymessage').val()+".58.com"; 
								    }, 
								    //afterCopy: function(){//复制成功 	
								      //$("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功'); 
								    //} 
								  }); 
								}); 
							</script>
							<div class="row">
								<span class="label">您的邮箱绑定：</span>
								<div class="cont">
									<p>
										<input type="text" class="_txt1" name="mail" value="{$listdata[mail]}"/>
									</p>
								</div>
							</div>
							<div class="row">
								<span class="label">您的账户类型：</span>
								<div class="cont">
									<p>
										<if condition="$listdata[accounttype] eq 0">
										<span>免费类型(最多xg空间和x相册)</span>
										<a class="_btn _btn1" href="{:U('Home/Index/home')}&types=5">升级</a>
										<else />
										<span>vip</span>
										</if>
									</p>
								</div>
							</div>
						</div>
						<!--content end-->
					</div>
					<!--item end-->
					<!--item-->
					<div class="homeItem">
						<!--header-->
						<div class="homeItemHeader">
							<span>个人横幅设置</span>
						</div>
						<!--header end-->
						<!--content-->
						<div class="homeItemContent">
							<div class="row">
								<!--横幅-->
								<div class="across">
									<img id="imghead" src="{$listdata[memberimgurl]}" style="width:100%;height:100%" onclick="$('#previewImg').click();"/>
									<span>点击上传文件<a href="javascript:void(0)" onclick="$('#imghead').click();">点击上传</a></span>
								
								</div>
								<input type="file" name="myfile" onchange="previewImage(this)" style="display: none;" id="previewImg">
								<!--横幅 end-->
							</div>
							
						</div>
						<!--content end-->
					</div>
					  <script>
      //图片上传预览    IE是用了滤镜。
        function previewImage(file)
        {

          var div = document.getElementById('preview');
          if (file.files && file.files[0])
          {
              var img = document.getElementById('imghead');
              img.onload = function(){
                img.style.marginTop = rect.top+'px';
              }
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imghead>';
            var img = document.getElementById('imghead');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            var rect = clacImgZoomParam(MAXWIDTH, MAXHEIGHT, img.offsetWidth, img.offsetHeight);
            status =('rect:'+rect.top+','+rect.left+','+rect.width+','+rect.height);
            div.innerHTML = "<div id=divhead style='width:"+rect.width+"px;height:"+rect.height+"px;margin-top:"+rect.top+"px;"+sFilter+src+"\"'></div>";
          }
        }

    </script>
					<!--item end-->
					<!--item-->
					<div class="homeItem">
						<!--header-->
						<div class="homeItemHeader">
							<span>公告设置</span>
						</div>
						<!--header end-->
						<!--content-->
						<div class="homeItemContent">
							<div class="row">
								<!--横幅-->
								<div class="noticeSet">
								
									<div class="noticeSetMain">
										<if condition="$noticedata eq null">
											<div class="noticeSetMainList">
												<dl>
													<dt>
														<input type="hidden" name="ordernum[]" value="1"/>
														<input maxlength="8" type="text" name="noticetitle[]" class="_txt" placeholder="请填写标题(8字以内)，若为空，则不显示该栏" />
													</dt>
													<dd>
														<textarea class="_textarea" name="noticemessage[]" placeholder="请填写内容(32字以内)" maxlength="32"></textarea>
													</dd>
												</dl>
											</div>	
										<else />
										
										<div class="noticeSetMainList">
											<volist name="noticedata" id="item">
											<dl>
												<dt>
													<input type="hidden" name="ordernum[]" value="{$item.noticeorder}"/>
													<input maxlength="8" value="{$item.noticetitle}" type="text" name="noticetitle[]" class="_txt" placeholder="请填写标题(8字以内)，若为空，则不显示该栏" />
												</dt>
												<dd>
													<textarea class="_textarea" name="noticemessage[]" placeholder="请填写内容(32字以内)" maxlength="32">{$item.noticemessage}</textarea>
												</dd>
											</dl>
											</volist>
										</div>	
										</if>
											
										<a href="javascript:void(0)" class="addNoticeBtn">增加</a>
									</div>
									<a href="#" class="previewNoticeBtn">预览</a>
									<script type="text/javascript">

										$(".previewNoticeBtn").toggle(
											function(){
												$(".addNoticeBtn").hide();
												$(".previewNoticeBtn").css("background-color","rgb(3,3,3)").text("编辑");
											},
											function(){
												$(".addNoticeBtn").show();
												$(".previewNoticeBtn").css("background-color","#ffae22").text("预览");
											}
										);

									</script>
								</div>
								<!--横幅 end-->
							</div>
						</div>
						<!--content end-->
					</div>
					<!--item end-->
					<!--btn-->
					<div class="homeSaveBtns">
						<button type="submit">保存</a>
					</div>
					<!--btn end-->
				</div>
				<!--用户中心 end-->
				</form>
				<!--服务相册-->
				<div class="homeTabs photosServices">
				<form action="{:U('Home/Index/home')}&types=2&do=albumtypeorder" id="albumtypeorder" method="post">

						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>相册分类</span><span style="color:red">(可拖动排序)</span>
								<input type="hidden" name="typejson" id="typejson"/>
								<input type="hidden" name="typehost" id="typehost" value="{$host}"/>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
<style type="text/css">
	#wrap{
		width: 300px;
		height: 370px;
		margin: 50px auto 0px auto;
		border: 1px solid #ccc;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
	}
	#wrapadd{
		width: 300px;
		height: 30px;
		margin: auto;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		position: relative;
		text-align:center;
	}
	#wrapadd a{
		padding-top:5px;
		display:block;
	}
	#wrap ul{
		padding: 0;
		margin: 0;
	}
	#wrap li{
		padding: 10px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font: 14px/1.5 "微软雅黑";
		list-style: none;
		cursor: move;
	}
	#wrap li:hover{
		background-color: #f6f6f6;
	}
</style>							
<div id="wrap">
	<ul>
		<volist name="typelist" id="typeitem">
		<li id="typeid{$typeitem[id]}">{$typeitem[typename]}</li>
		</volist>
	</ul>
</div>
<div id="wrapadd">
	<a href="#">添加分类</a>
</div>
<div class="typecontain">
<div class="typelist">
	<volist name="typelist" id="typeitem">
	<div class="selected"><span class="my-content" style="margin-right: 11px;">{$typeitem[typename]}</span><span id="typedeleteid{$typeitem[id]}" class="close typeclose" style="display: inline-block;height: 100%;">x</span></div>
	</volist>
</div>
</div>
<script type="text/javascript">
	$(".typeclose").click(function(){
		var deletetypeid = $(this).attr("id").substring(12);
		$(this).parent().remove();
		$("#typeid"+deletetypeid).remove();
	})
</script>
<style type="text/css">
.typecontain{
	margin-top:10px;
}
.typelist{
	width:300px;
	margin:auto;
}
.selected {
    background: #ff8a21;
    display: inline-block;
    padding: 0 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    line-height:30px;
    position: relative;
}
.selected .close {
    cursor: pointer;
    line-height: 14px;
    padding: 3px;
    top: 0;
    width: 15px;
    text-align: center;
    position: absolute;
    right: 0;
}
</style>
<script src="__PUBLIC__/js/ddsort.js"></script>

<script>
	$('#wrapadd a').click(function(){
	  	var typeaddmask;

	  	typeaddmask = layer.open({
			 	type: 1,
			 	area:["400px","250px"],
			  	title: "添加分类", 
			  	content: $('.typeaddmask') //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
			});
	  	$("#addalbumtype").unbind("click").click(function(){
	  		var albumtypename = $('#albumtypename').val();
	  		$("#wrap ul").append("<li>"+albumtypename+"</li>");
	  		$("#editphotoform + div").find('a').eq(1).click();

	  	})
	})
	$('#albumtypeorder').submit(function(e){
  		var host = $('#typehost').val();
  		for(var i=0;i<$("#wrap ul li").length;i++){
  			$litext = $("#wrap ul li").eq(i).text();
			if(jsondata==undefined){
				var jsondata = '{"typename":"'+$litext+'","ordernum":'+i+',"serialnumber":"'+host+'"},';
				continue;
			}
  			var jsondata = jsondata+'{"typename":"'+$litext+'","ordernum":'+i+',"serialnumber":"'+host+'"},';
			
  		}
  		jsondata = jsondata.substring(0,jsondata.length-1);

  		var typejson = '{"typejson":['+jsondata+'],"serialnumber":"'+host+'"}';

  		$("#typejson").val(typejson);
	})
	$( '#wrap' ).DDSort({
		target: 'li',		
		floatStyle: {
			'border': '1px solid #ccc',
			'background-color': '#fff'
		}
	});
	
</script>




					</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--btn-->
						<div class="homeSaveBtns">
							<button type="submit">确定</a>
						</div>
						<!--btn end-->
					</form>	
						
<!-- 
									<script type="text/javascript">
										$(".alertclick").click(function(){
											var id = $(this).attr("id");
											$.post("{:U('Home/Index/home')}&types=2&do=getalbumdata",{id:id},function(data,status){
												var obj = $.parseJSON(data);
												console.log(obj);
												$("#albumname").val(obj.albumname);
												$("#albummessage").val(obj.albummessage);
												$("#albumid").val(obj.id);
											});
										})
									</script>	
 -->						
						
   <!--item--> 
   <div class="homeItem"> 
    <!--header--> 
    <div class="homeItemHeader"> 
     <span>相册编辑</span> 
    </div> 
    <!--header end--> 
    <!--content--> 
    <div class="homeItemContent"> 
    <form action="{:U('Home/Index/home')}&types=2&do=updatealbumorder" method="post" id="albumform" enctype="multipart/form-data">
								<div class="row">
									<div class="cont">
										<p>
											<span>排序管理：</span>
											<if condition="$albumordertype eq 1">
											<label>
												<input type="radio" id="timeorder" name="sort" value="1" checked="checked"/> 创建时间
											</label>
											<else />
											<label>
												<input type="radio" id="timeorder" name="sort" value="1"/> 创建时间
											</label>
											</if>
											
											<if condition="$albumordertype eq 2">
											<label>
												<input type="radio" id="nameorder" name="sort" value="2" checked="checked"/> 名称排列
											</label>
											<else />
											<label>
												<input type="radio" id="nameorder"  name="sort" value="2"/> 名称排列
											</label>
											</if>
											
											<!--<if condition="$albumordertype eq 3">
											<label>
												<input type="radio" id="self" name="sort" value="3" checked="checked"/> 自定义
											</label>
											<else />
											<label>
												<input type="radio" id="self" name="sort" value="3"/> 自定义
											</label>
											</if>  -->
										</p>
									</div>
								</div>
								<!--<script type="text/javascript">
									$("#self").click(function(){
										$(".albumordernuminput").show();
										$("#submitorder").show();
									})
									$("#nameorder").click(function(){
										$(".albumordernuminput").hide();
										$("#submitorder").hide();
									})
									$("#timeorder").click(function(){
										$(".albumordernuminput").hide();
										$("#submitorder").hide();
									})

								</script>  -->
								
								   <div class="homeSaveBtns"> 
    <button type="submit" id="submitorder">提交排序 </button>
   </div> 
   </form>
								<a name="navmao"></a>
     <div class="row" style="padding-bottom:120px;"> 

<style type="text/css">
.albumordernuminput{
	display:none;
}
.find_nav {
    width: 96%;
    height: 45px;
    margin-top: 40px;
    border-bottom: 1px solid #ddd;
}
.find_nav_list {
    left: 0;
}
.find_nav_list ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
}
.find_nav_list ul li {
    display: inline-block;
    padding: 0 13px;
}
.find_nav_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 46px;
    font-size: 18px;
    text-align: center;
    color: #666;
}
.find_nav_cur a {
    color: #48a5f4 !important;
}
.sideline {
    display: block;
    position: absolute;
    border: 0;
    height: 2px;
    left: 0;
    top: 43px;
    pointer-events: none;
}
.search_logo {
    display: block;
    width: 44px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #48a5f4;
}
</style>
<div class="find_nav">
    <div class="find_nav_left">
        <div class="find_nav_list">
            <ul>
            	<if condition="$typeid eq null">
				 <li><a style="color:#FFAE22" href="{:U('Home/Index/home')}&types=2#navmao">全部</a></li>
				 <else />
				 <li><a href="{:U('Home/Index/home')}&types=2#navmao">全部</a></li>
				</if>
                <volist name="typelist" id="typeitem">
                <if condition="$typeid eq $typeitem[id]">
                <li><a href="javascript:void(0)" style="color:#FFAE22" id="type{$typeitem[id]}">{$typeitem[typename]}</a></li>
                <else />
 				<li><a href="javascript:void(0)" id="type{$typeitem[id]}">{$typeitem[typename]}</a></li>
                </if>
				<script type="text/javascript">
					$("#type{$typeitem[id]}").click(function(){
						window.location.replace("{:U('Home/Index/home')}&types=2&typeid={$typeitem[id]}#navmao");
					})
				</script>
                </volist>
                <li class="sideline"></li>
            </ul>
        </div>
    </div>
</div>

      <div class="myAlbum"> 
      <volist name="albumlist" id="albumlistitem">
       <!--item--> 
       <div class="myAlbumItem"> 
        <div class="myAlbumItemContent"> 
 												<if condition="$albumlistitem[albumimgid] eq null">
						    						<img id="frame{$albumlistitem[id]}" src="{$albumlistitem[photoframeimgurl]}" style="position:absolute;z-index:500;width:100%;height:100%"/>
													<img src="__PUBLIC__/pc/images/add_pic.png" style="position:absolute;z-index:300;width:100%;height:100%"/>
												</if>
												<if condition="$albumlistitem[albumimgid] neq null">
						    						<img id="frame{$albumlistitem[id]}" src="{$albumlistitem[photoframeimgurl]}" style="position:absolute;z-index:500;width:100%;height:100%"/>
													<img src="{$albumlistitem[albumimgid]}" style="position:absolute;z-index:300;width:100%;height:100%"/>
												</if>	       

         <!--批量设置--> 
         <div class="albumBatchSet"> 
          <input type="hidden" value="" /> 
          <span class="notSelected"></span> 
         </div> 
         <!--批量设置 end--> 
         <!--details--> 
         <div class="myAlbumItemDetails" style="position: absolute; z-index: 900; width: 100%; height: 100%;"> 
          <ul> 
          
           <li> <a class="uploadPhotos uploadPhotos{$albumlistitem[id]}">上传照片</a> <form method="post" enctype="multipart/form-data" id="albumform{$albumlistitem[id]}"><input type="hidden" name="albumid" value="{$albumlistitem[id]}"/><input type="file" style="display: none;" name="albumfile[]" id="albumpreviewImg{$albumlistitem[id]}" multiple="multiple"/> </form></li> 
          
           <script type="text/javascript">


           	$(".uploadPhotos{$albumlistitem[id]}").click(function(){

           		$('#albumpreviewImg{$albumlistitem[id]}').click();
           		
           		$('#albumpreviewImg{$albumlistitem[id]}').unbind("change").change(function(){
           			var option = {  
        	                url : '{:U("Home/Index/home")}&types=2&do=uploadimg',  
        	                type : 'POST',  
        	                dataType : 'html',
        	                resetForm: true, 
        	                headers : {"ClientCallMode" : "ajax"}, //添加请求头部  
        	                success : function(data) {  
        	                	layer.msg(data);
        	                	sleep(500);
                   				window.location.reload("{:U('Home/Index/home')}&types=2#navmao");
        	                },  
        	                error: function(data) {  
        	                    //alert("上传失败,请刷新后重试");  
        	                }  
        	             };  
					$('#albumform{$albumlistitem[id]}').ajaxSubmit(option);

           		});           		
           	})
           </script>
           <li> <a href="javascript:void(0)" onclick="delcfm{$albumlistitem[id]}()" class="deleteAlbum{$albumlistitem[id]}">删除相册</a></li>
           <script type="text/javascript">
           function delcfm{$albumlistitem[id]}() {
               if (!confirm("确认要删除此相册？")) {
                   window.event.returnValue = false;
               }else{
          			$.post("{:U('Home/Index/home')}&types=2&albumid={$albumlistitem[id]}&do=deletealbum",function(data){
           				layer.msg(data);
           				sleep(1000);
           				window.location.reload("{:U('Home/Index/home')}&types=2#navmao");
           			})
               }
           }

           </script> 
          </ul> 
          <p>{$albumlistitem[albummessage]}</p> 
         </div> 
         <!--details end-->
        </div> 
        <div class="myAlbumItemFooter"> 
		<input type="text" class="albumordernuminput" name="albumordernum[]" value="{$albumlistitem[albumorder]}" style="text-align:center;width:30px;border-radius:10px;border:1px solid #FFAE22;height: 20px;line-height:20px;margin-right:10px;"/>

         <span>{$albumlistitem[albumname]}</span> 
         <a style="display: none;" href="javascript:reprint()" class="share_icon"></a> 
         <a href="javascript:void(0)" onclick="edit(this)" class="edit_btn">操作</a> 
         <ul> 
          <li> <a href="javascript:editPhotos{$albumlistitem[id]}()">编辑相册</a></li>
          <!-- <li> <a href="#">设为封面</a></li> --> 
          <li> <a href="javascript:void(0)" onclick="delcfm{$albumlistitem[id]}()" class="deleteAlbum{$albumlistitem[id]}">删除相册</a></li> 
          <li> <a href="javascript:describe{$albumlistitem[id]}()">描述</a></li> 
         </ul> 

        </div> 
       </div> 
       <!--item end--> 

    <!--mask--> 
    <div id="mask" class="mask{$albumlistitem[id]}"> 
     <span class="maskCloseBtn" onclick="$('.mask{$albumlistitem[id]}').hide();"></span> 
     <!--相册--> 
     <div class="photoItemMask maskMain"> 
      <div class="photoItemMaskOuter"> 
       <!--header--> 
       <div class="photoItemMaskHeader"> 
        <span>{$albumlistitem[albumname]}</span> 
       </div> 
       <!--header end--> 
       <!--content--> 
       <div class="photoItemMaskContent"> 
        <!--swiper--> 
        <div class="photoItemMaskContentSwiper"> 
         <div class="swiper-container"> 
          <div class="swiper-wrapper" id="imglist"> 
          </div> 
          <a href="javascript:void(0)" class="swiper-button-prev"></a> 
          <a href="javascript:void(0)" class="swiper-button-next"></a> 
         </div> 
        </div> 
        <!--swiper end--> 
        <!--main--> 
        <div class="photoItemMaskContentMain"> 
         <p class="cont"> <textarea class="_textarea">{$albumlistitem[albummessage]}</textarea> </p> 
         <dl> 

          <dt> 
         <a href="javascript:face{$albumlistitem[id]}()">设为封面</a> 
         <script type="text/javascript">
         	function face{$albumlistitem[id]}(){
         		var faceimgsrc  = $(".swiper-slide-active img").attr("src");
         		$.post("{:U('Home/Index/home')}&types=2&albumid={$albumlistitem[id]}&do=updateface",{faceimgsrc:faceimgsrc},function(data){
       				layer.msg("相册封面修改成功");
       				sleep(1000);
       				window.location.reload("{:U('Home/Index/home')}&types=2#navmao");
         		});
         	}
         </script>
           <a id="downimg{$albumlistitem[id]}" href="" onclick="downloadimg{$albumlistitem[id]}()" download="">下载</a> 
           <script type="text/javascript">
           function downloadimg{$albumlistitem[id]}(){
          		var faceimgsrcfocus  = $(".mask{$albumlistitem[id]} .swiper-slide-active img").attr("src");
           		$("#downimg{$albumlistitem[id]}").attr("href",faceimgsrcfocus);
           }
           </script>
          </dt> 
          <dd> 
<style type="text/css">
.mark{
    width:100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 1001;
}
.share-dialog{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 270px;
    margin:-135px 0 0 -250px;
    background: #fff;
    z-index: 1002;
}
.share-dialog .share-close{
    position: absolute;
    right: 7px;
    top: 10px;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    background: url("__PUBLIC__/img/dialog-close.png") no-repeat;
}
.share-dialog .share-dialog-title{
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: #eee;
}
.share-dialog .share-dialog-cont{
    padding:38px 20px;
    font-size: 14px;
}
.share-dialog .share-copy-l{
    float: left;
    width: 77px;
    margin-top: 8px;
}
.share-dialog .share-copy-c{
    float: left;
    width: 307px;
}
.share-dialog .share-copy-c input{
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}
.share-dialog .share-copy-c input:focus{
    border-color: #333;
    outline: 0;
}
.share-dialog .share-copy-r{
    float: left;
    width: 76px;
    text-align: right;
    color: #f37b1d;
    margin-top: 8px;
    cursor: pointer;
}
.share-platform{
    clear: both;
    margin-top: 10px;
}
.share-platform .share-platform-l{
    float: left;
    width: 77px;
    margin-top: 8px;
}
.share-platform .share-platform-r{
    float: left;
    width: 310px;
}
.share-platform .bds_weixin{
    background-image: url('__PUBLIC__/img/css-bg.png');
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url('__PUBLIC__/img/css-bg.png');
    background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
    background-image: url('__PUBLIC__/img/css-bg.png');
    background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
    background-image: url('__PUBLIC__/img/css-bg.png');
    background-position: -146px -7px !important;
}
.share-platform .share-platform-text{
    color: #aaa;
    margin-top: 5px;
}
</style>
          
        <span class="share-platform">
            <span class="share-platform-r">
            <span>分享至:</span> 
                <span class="bdsharebuttonbox">
                 	
                    <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信" style="width:30px;height:40px;"></a>
                    <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博" style="width:30px;height:40px;"></a>
                    <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友" style="width:30px;height:40px;"></a>
                    <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间" style="width:30px;height:40px;"></a>
                </span>
            </span>
        </span>
	<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"分享到新浪微博","bdMini":"1","bdMiniList":["bdxc","tqf","douban","bdhome","sqq","thx","ibaidu","meilishuo","mogujie","diandian","huaban","duitang","hx","fx","youdao","sdo","qingbiji","people","xinhua","mail","isohu","yaolan","wealink","ty","iguba","fbook","twi","linkedin","h163","evernotecn","copy","print"],"bdPic":"","bdStyle":"1","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

          </dd> 
         </dl> 
        </div> 
        <!--main end--> 
       </div> 
       <!--content end--> 
       <!--footer--> 
       <div class="photoItemMaskFooter"> 
        <a href="javascript:$('.mask{$albumlistitem[id]}').hide()">取消</a> 
        <!--<a href="javascript:reprint()">转载</a>   -->
       </div> 
       <!--footer end--> 
      </div> 
     </div> 
     <!--相册 end--> 
    </div> 
    <!--mask--> 
    
    

<script type="text/javascript">
//编辑相册
	var editPhotosMask;
  	function editPhotos{$albumlistitem[id]}(){
  		editPhotosMask = layer.open({
		 	type: 1,
		 	area:["420px","450px"],
		  	title: "编辑相册", 
		  	content: $('.editPhotoMask{$albumlistitem[id]}') //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
		});
  	};
//描述
function describe{$albumlistitem[id]}(){
	$(".mask{$albumlistitem[id]}").show();
	var albumlistid = {$albumlistitem[id]};
	$.post("{:U('Home/Index/home')}&types=2&do=getalbumdetail",{id:albumlistid},function(data){
		var objdata = $.parseJSON(data);


			for(var i = 0;i<objdata.length;i++){
				$(".mask{$albumlistitem[id]} #imglist").append('<div class="swiper-slide"><img class="lunboimg" src="'+objdata[i].imgurl+'"/></div>')
			}
			console.log(objdata);

	})
}
</script>
       </volist>
      </div> 
      <script type="text/javascript">
$(function(){
	//banner
	var swiper = new Swiper('.photoItemMask .swiper-container', {
        pagination: '.photoItemMask .swiper-pagination',
    	paginationClickable: true,
		prevButton:'.photoItemMask .swiper-button-prev',
		nextButton:'.photoItemMask .swiper-button-next',
        autoplay: 2500,
    	loop:true,
        observer: true,
        observeParents: true,
   });
   $(".myAlbumItem .myAlbumItemContent").hover(function(){
   		if($(this).find(".albumBatchSet").is(":hidden")){
   			$(this).find(".myAlbumItemDetails").show();
   		}
   },function(){
   		$(this).find(".myAlbumItemDetails").hide();
   });
   $(".albumBatchSet").click(function(){
   		if($(this).find("span").hasClass("selected")){
   			$(this).find("span").removeClass("selected");
   			$(this).find("input").val("");
   		}else{
   			$(this).find("span").addClass("selected");
   			$(this).find("input").val(1);
   		}
   });
   //批量下载
   $(".batchDownloadBtn").click(function(){
   		if($(this).hasClass("batchDownloadselectedBtn")){
   			layer.msg("下载成功");
	   		$(".myAlbum .albumBatchSet").hide();
	   		$(".batchDownloadBtn").removeClass("batchDownloadselectedBtn");
	   		$(this).parents("li").siblings(".myFigureOperationCancel").hide();
   		}else{
	   		$(this).addClass("batchDownloadselectedBtn");
	   		$(".myAlbum .albumBatchSet").show();
	   		$(this).parents("li").siblings(".myFigureOperationCancel").show();
	   	}	
   });
   $(".myFigureOperation .cancelBtn").click(function(){
   		$(".myAlbum .albumBatchSet").hide();
   		$(".batchDownloadBtn").removeClass("batchDownloadselectedBtn");
   		$(this).parents("li").hide();
   });
	});

	//编辑
	function edit(obj){
		if($(obj).siblings("ul").is(":visible")){
			$(obj).siblings("ul").hide();
		}else{
			$(".myAlbum .myAlbumItemFooter").find("ul").hide();
			$(obj).siblings("ul").show();
		}
	}
	//转载
	var reprintMask,newAlbumMask;
	function reprint(){
		reprintMask = layer.open({
	 	type: 1,
	  	title: "转载相册", 
	  	content: $('.layer_reprint') //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
	});
	};
	function reprintConfirm(){
		layer.close(reprintMask);
		layer.msg("转载成功");
	}

</script> 
     </div> 
    </div> 
    <!--content end--> 
    <!--操作--> 
    <div class="myFigureOperation"> 
     <div class="w1064"> 
      <ul> 
       <li> 
        <dl> 
         <dt> 
          <a href="javascript:newAlbumLayer()" class="newAlbumBtn"></a> 
         </dt> 
         <dd>
          	新建相册
         </dd> 
        </dl> </li> 
       <li> 
        <dl> 
         <dt> 
          <a href="javascript:void(0)" class="batchDownloadBtn"></a> 
         </dt> 
         <dd>
         	 批量下载(1)
         </dd> 
        </dl> </li> 
       <li class="myFigureOperationCancel"> 
        <dl> 
         <dt> 
          <a href="javascript:void(0)" class="cancelBtn"></a> 
         </dt> 
         <dd>
          取消
         </dd> 
        </dl> </li> 
      </ul> 
     </div> 
    </div> 
    <!--操作 end--> 



    <!--转载相册--> 
    <div class="layer_reprint"> 
     <div class="layer_reprint_main"> 
      <div class="row"> 
       <p>将&quot;相册名相册名相册名相册名&quot;转载到</p> 
      </div> 
      <div class="row"> 
       <select> <option>默认相册1</option> <option>默认相册2</option> <option>默认相册3</option> </select> 
      </div> 
      <!--转载密码--> 
      <div class="row"> 
       <input type="password" class="_txt" placeholder="请输入转载密码" /> 
      </div> 
      <!--转载密码 end--> 
     </div> 
     <div class="layer_reprint_footer"> 
      <a href="javascript:reprintConfirm()">转载该相册</a> 
     </div> 
    </div> 
    <!--转载相册 end--> 
    
    <volist name="albumlist" id="albumlistitem">
    		<div class="editPhotoMask editPhotoMask{$albumlistitem[id]}">
			<ul>
				<li>
					<span>相册命名：</span>
					<p>
						<input type="text" class="_txt albumname" value="{$albumlistitem[albumname]}"/>
					</p>
				</li>
				<li>
					<span>相册描述：</span>
					<p>
						<textarea class="_textarea updatealbummessage">{$albumlistitem[albummessage]}</textarea>
					</p>
				</li>
				<li>
					<span>相册类别：</span>
					<p><select class="_txt albumtypeid">
						<volist name="typelist" id="typeitem">
								<if condition="$albumlistitem[albumtypeid] eq $typeitem['id']">
								<option value="{$typeitem['id']}" selected="selected">{$typeitem['typename']}</option>
								</if>
								<if condition="$albumlistitem[albumtypeid] neq $typeitem['id']">
								<option value="{$typeitem['id']}">{$typeitem['typename']}</option>
								</if>
						</volist>
						</select>
						
					</p>
				</li>
				<li>
					<a href="javascript:void(0);" class="updateitemdata{$albumlistitem[id]}">确定</a>
					<script type="text/javascript">
						$(".updateitemdata{$albumlistitem[id]}").unbind("click").click(function(){
							var myalbumid = {$albumlistitem[id]};
							var albumname = $(".editPhotoMask{$albumlistitem[id]} .albumname").val();
							var albummessage = $(".editPhotoMask{$albumlistitem[id]} .updatealbummessage").val();
							var albumtypeid = $(".editPhotoMask{$albumlistitem[id]} .albumtypeid").val();
							$.post("{:U('Home/Index/home')}&types=2&do=updatealbum",{albumname:albumname,albummessage:albummessage,albumtypeid:albumtypeid,myalbumid,myalbumid},function(data){
								layer.msg(data);
        	                	sleep(500);
                   				window.location.reload("{:U('Home/Index/home')}&types=2#navmao");
							});
						})

					</script>
				</li>
			</ul>

		</div>
    
    </volist>
    
    <!--新建相册--> 
    <div class="newAlbumLayer"> 
     <div class="newAlbumLayerMain"> 
      <ul> 
       <li> <span class="label">相册命名</span> <p> <input type="text" class="_txt" placeholder="请输入相册名" id="alname" /> </p> </li> 
       <li> <span class="label">相册描述</span> <p> <textarea class="_textarea" style="height:90px" placeholder="请输入不多于200字的文字描述" id="almessage"></textarea> </p> </li> 
		<li> <span class="label">相册分类</span> <p> <select class="_txt" id="altype">
		<volist name="typelist" id="typeitem">
				<if condition="$typeid eq $typeitem['id']">
				<option value="{$typeitem['id']}" selected="selected">{$typeitem['typename']}</option>
				</if>
				<if condition="$typeid neq $typeitem['id']">
				<option value="{$typeitem['id']}">{$typeitem['typename']}</option>
				</if>
		</volist>

		</select> </p> </li> 
      </ul> 
     </div> 
     <div class="newAlbumLayerFooter"> 
      <a href="javascript:newAlbumSuccess()">确定</a> 
     </div> 
    </div> 
    <input type="file" style="display:none" id="createalbumuploadfile" name="createalbumuploadfile[]"/>
    <!--新建相册 end--> 
    <script type="text/javascript">
	//新建相册
	function newAlbumLayer(){
		newAlbumMask = layer.open({
	 	type: 1,
	  	title: "新建相册", 
	  	area:["470px","370px"],
	  	content: $('.newAlbumLayer') //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
	});
	}
	function newAlbumSuccess(){
		var successmsg = '';
		var alname = $("#alname").val();
		var almessage = $("#almessage").val();
		var altype = $("#altype").val();

		layer.close(newAlbumMask);
		var t = "默认相册1";
		layer.confirm('已成功创建相册'+t+',是否立即上传照片?', {
	  	btn: ['上传','取消'], //按钮
	  	title:"上传照片"
	}, function(index){
		$("#createalbumuploadfile").click();
		$("#createalbumuploadfile").change(function(){
			var uploadfile = $("#createalbumuploadfile").val();
			$.post("{:U('Home/Index/home')}&types=2&do=createalbum",{alname:alname,almessage:almessage,altype:altype,uploadfile:uploadfile},function(data){
				successmsg = data;
				if(data=="相册名不允许为空"||data=="相册名已存在，请重新输入"){
					layer.msg(data);
				}
			});
		});
	  	//确认

	  	layer.close(index);
	  	$("#albumpreviewImg").click();
	  	layer.msg("上传成功");
	}, function(){
		//取消
		$.post("{:U('Home/Index/home')}&types=2&do=createalbum",{alname:alname,almessage:almessage,altype:altype},function(data){
			successmsg = data;
			if(data=="相册名不允许为空"||data=="相册名已存在，请重新输入"){
				layer.msg(data);
			}
			sleep(500);
			layer.msg(data);
		});
		
		sleep(2000);
		window.location.reload();
	});
	}
	function sleep(delay)
	{
	    var start = new Date().getTime();
	    while (new Date().getTime() < start + delay);
	}
    </script>
    
    
    
   </div> 
   <!--item end--> 
   <!--btn--> 

   <!--btn end--> 
						
					<form action="{:U('Home/Index/home')}&types=2&do=updatealbumpassword" method="post">
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>批量设置密码</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="batchPasLeft">
									<div class="row">
										<div class="cont">
											<span class="label">设置密码：</span>
											<p>
												<input type="text" class="_txt" name="albumpassword"/>
											</p>
										</div>
									</div>
									<div class="row">
										<div class="cont">
											<span class="label">确认密码：</span>
											<p>
												<input type="text" class="_txt" name="confirmalbumpassword"/>
											</p>
										</div>
									</div>
								</div>	
								<div class="batchPasRight">
									<span class="label">应用相册：</span>
									<p>
										<volist name="albumlist" id="albumitem">
										<span class="labels" id="labels{$albumitem.id}">{$albumitem.albumname}</span>
											<script type="text/javascript">
												$("#labels{$albumitem.id}").click(function(){
													$(this).toggleClass("on");
													$(this).append('<input type="hidden" name="albumid[]" value="{$albumitem.id}"/>');
												});
											</script>
										</volist>
									</p>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--btn-->
						<div class="homeSaveBtns">
							<button type="submit">保存</a>
						</div>
						<!--btn end-->
					</form>	
				</div>
				<!--服务相册 end-->
				<!--装修相册-->
				<div class="homeTabs decorationAlbum">
					<form>
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>相册模板</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="decorationAlbumItem">
									<ul>
										<volist name="themedatalist" id="themedatalistitem">
										<li>
											<span class="img">
												<img src="{$themedatalistitem.photoframeimgurl}" />
											</span>
											<p>
												<span>{$themedatalistitem.themename}</span>
											</p>
										</li>
										</volist>
									</ul>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>模板应用</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent"  style="padding-bottom:80px;">
								<div class="decorationAlbumItem">
									<ul>
										<volist name="albumlist" id="listitem">
										<li>
											<span class="img">
												<if condition="$listitem[albumimgid] eq null">
						    						<img id="frame{$listitem[id]}" src="{$listitem[photoframeimgurl]}" style="position:absolute;z-index:500;height:83%"/>
													<img src="__PUBLIC__/pc/images/empty_pic.png" style="position:absolute;z-index:300;height:83%"/>
												</if>
												<if condition="$listitem[albumimgid] neq null">
						    						<img id="frame{$listitem[id]}" src="{$listitem[photoframeimgurl]}" style="position:absolute;z-index:500;height:83%"/>
													<img src="{$listitem[albumimgid]}" style="position:absolute;z-index:300;height:83%"/>
												</if>												
											</span>
											<p>
												<span>{$listitem[albumname]}</span>
												<a id="id{$listitem[id]}" href="javascript:void(0)"  class="choose_muban">模板</a>
											</p>
										</li>
		<div class="photoTemplate" id="photoTemplate{$listitem[id]}">
			<select class="_select" id="themeid{$listitem[id]}">
				<option value="0">空</option>
				<volist name="themedatalist" id="themedatalistitem">
				<option value="{$themedatalistitem['tmid']}">{$themedatalistitem['themename']}</option>
				</volist>
			</select>
			<a href="javascript:void(0)">确定</a>
		</div>
										<script type="text/javascript">
										
										$("#id{$listitem[id]}").click(function(){
											var id= {$listitem[id]};
											photoTemplateMask = layer.open({
											 	type: 1,
											 	area:["300px","200px"],
											  	title: "选择模板", 
											  	content: $('#photoTemplate{$listitem[id]}') //捕获的元素，注意：最好该指定的元素要存放在body最外层，否则可能被其它的相对元素所影响
											});
											
											$('#photoTemplate{$listitem[id]} a').attr("id","mobanbtn{$listitem[id]}");
											$('#mobanbtn{$listitem[id]}').click(function(){
									  			var themeid = $("#themeid{$listitem[id]}").val();
									  			$.post("{:U('Home/Index/home')}&types=3&do=updatetheme",{id:id,themeid:themeid},function(data){
									  				console.log(data);
									  				$("#frame{$listitem[id]}").attr("src",data);
									  			})
									  			
									  			$(".layui-layer-close").click();
									  		})
										})
										</script>
										</volist>
									</ul>
								</div>
							</div>

							<!--content end-->
						</div>
						<!--item end-->
						<!--btn-->
						<!--<div class="homeSaveBtns">
							<a href="#">保存</a>
						</div>
						  -->
						<!--btn end-->
					</form>
				</div>
				<!--装修相册 end-->
				<!--用户设置-->
				<div class="homeTabs userSet">
					<form action="{:U('Home/Index/home')}&types=4&do=updatemessage" enctype="multipart/form-data" method="post">
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>头像设置</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row">
									<span class="label"></span>
									<div class="cont">
										<p>
											<span class="user_img" id="previews">
                            <img id="imgheads" border="0" src="{$listdata['headimg']}" width="90" height="90" onclick="$('#previewImgs').click();">
                        	<input type="file" name="headimgfile" onchange="previewImages(this)" style="display: none;" id="previewImgs" />
											</span>
											<a href="#" class="modify_btn _btn _btn1" onclick="$('#previewImgs').click();">修改</a>
										</p>
									</div>
								</div>
							</div>
    <script>
      //图片上传预览    IE是用了滤镜。
        function previewImages(file)
        {
          var MAXWIDTH  = 90; 
          var MAXHEIGHT = 90;
          var span = document.getElementById('previews');
          if (file.files && file.files[0])
          {
              var img = document.getElementById('imgheads');
              var reader = new FileReader();
              reader.onload = function(evt){img.src = evt.target.result;}
              reader.readAsDataURL(file.files[0]);
              console.log(file.files[0]);
          }
          else //兼容IE
          {
            var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="';
            file.select();
            var src = document.selection.createRange().text;
            div.innerHTML = '<img id=imgheads>';
            var img = document.getElementById('imgheads');
            img.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = src;
            div.innerHTML = "<span id=divheads"+sFilter+src+"\"'></span>";
          }
        }
    </script>
							<!--content end-->
						</div>
						<!--item end-->
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>昵称设置</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row">
									<span class="label"></span>
									<div class="cont">
										<p>
											<input type="text"  name="nickname" value="{$listdata['nickname']}" class="_txt1" />
										</p>
									</div>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>联系信息</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row">
									<span class="label">联系人：</span>
									<p>
										<input type="text" name="name" value="{$listdata['phonename']}" class="_txt1" />
									</p>
									<span class="label">邮箱地址：</span>
									<p>
										<input type="text" name="mail" class="_txt1" value="{$listdata['mail']}"/>
									</p>
								</div>
								<div class="row">
									<span class="label">联系电话：</span>
									<p>
										<input type="text" class="_txt1" name="phone" value="{$listdata['phone']}"/>
									</p>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>出生年月</span>
							</div>
							<!--header end-->
							<!--content-->

							<div class="homeItemContent">
								<div class="row">
									<span class="label">出生年月：</span>
									<p>
										<select name="year1" class="_select">
											<if condition="$year neq null"> 
											<option selected="selected" value="{$year}">{$year}年</option>
											</if>
										</select>
										<select name="month1" id="month" class="_select">
										</select>
										<if condition="$month neq 0"> 
										<script type="text/javascript">
										$(document).ready(function(){ 
												$("#month").append('<option selected="selected" value="{$month}">{$month}月</option>');
										})
										</script>
										</if>
									</p>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>所在地区</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row" style="margin-left:100px;">
									<span class="label"></span>
									<p>
										
										<select id="cmbProvince" class="_select" name="cmbProvince"  id="selProvince">
										</select>  
				                        <select id="cmbCity" class="_select" name="cmbCity"  id="selCity">
				                        </select>  
				                        <select id="cmbArea" class="_select" name="cmbArea"  id="selDistrict">
				                        </select>  
  
  
						               <script type="text/javascript">  
						                    addressInit('cmbProvince', 'cmbCity', 'cmbArea','{$province}','{$city}','{$district}');  
						               </script>
										<input name="detailarea" type="text" class="_txt1" placeholder="详细地址" />
									</p>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--btn-->
						<div class="homeSaveBtns">
							<button type="submit">保存</a>
						</div>
						<!--btn end-->
					</form>
						<form action="{:U('Home/Index/home')}&types=4&do=resetpassword" method="post">

						<!--item-->
						<div class="homeItem loginPassword">
							<!--header-->
							<div class="homeItemHeader">
								<span>登录密码</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row">
									<ul>
										<li>
											<span class="label">旧密码：</span>
											<input type="text" name="oldpassword" value="{$listdata['password']}" class="_txt1" />
										</li>
										<li>
											<span class="label">修改密码：</span>
											<input type="password" name="newpassword" class="_txt1" />
										</li>
										<li>
											<span class="label">确认密码：</span>
											<input type="password" name="confirmpassword" class="_txt1" />
										</li>
									</ul>
									
								</div>
								<!--btn-->
								<div class="homeSaveBtns">
									<a href="#" class="cancelBtn">取消</a>
									<button type="submit" style="width:110px;">保存</a>
								</div>
								<!--btn end-->
							</div>
							<!--content end-->
						</div>
						</form>
						<!--item end-->
				</div>

				<!--用户设置 end-->
				<!--vip服务-->
				<form action="{:U('Home/Index/home')}&types=5&do=getvip" method="post">
				
				<div class="homeTabs vipservice">
						<!--item-->
						<div class="homeItem">
							<!--header-->
							<div class="homeItemHeader">
								<span>VIP服务</span>
							</div>
							<!--header end-->
							<!--content-->
							<div class="homeItemContent">
								<div class="row">
									<span class="label">VIP尊享特权：</span>
									<p class="nol">1.VIP用户可以享受本网站的无限空间</p>
									<span class="label"></span>
									<p class="nol">2.VIP用户可以创建最多至50相册,普通用户只有20相册;</p>
								</div>
								<div class="row">
									<span class="label">vip过期时间：</span>
									<p>
										
										<span>{$releasetime}天后</span>
									</p>
								</div>
								<div class="row">
									<span class="label">（续费）购买年限：</span>
									<p>
									<input class="_txt" name="vipyeartime" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />
										<input type="hidden" name="buytime" value="{$buytime}"/>
									</p>
								</div>
								<div class="row">
									<span class="label">应付金额：</span>
									<p>
										<span>￥420.00元</span>
									</p>
								</div>
							</div>
							<!--content end-->
						</div>
						<!--item end-->
						<!--btn-->
						<div class="homeSaveBtns">
							<button type="submit">确定</a>
						</div>
						<!--btn end-->
					
				</div>
				</form>
				<!--vip服务 end-->
				<style>
					.vipservice p.nol{ float: none;}
				</style>
			</div>
		</div>
		<!--content end-->
</block>
<block name="others">
		<!--mask-->
		<form action="{:U('Home/Index/home')}&types=2&do=updateitem" method="post" id="editphotoform">
		<div class="editPhotoMask">
			<input type="hidden" id="albumid"/>
			<ul>
				<li>
					<span class="label">相册命名：</span>
					<p>
						<input type="text" id="albumname" class="_txt" />
					</p>
				</li>
				<li>
					<span class="label">相册描述：</span>
					<p>
						<textarea class="_textarea" id="albummessage" placeholder="请输入不多于200字的文字描述"></textarea>
					</p>
				</li>
				<li>
					<span class="label">相册类别：</span>
					<p>
						<select class="_txt" id="albummessage"><option></option></select>
					</p>
				</li>
				<li>
					<a href="javascript:void(0);" class="updateitemdata">确定</a>
				</li>
			</ul>

		</div>
		</form>
<div class="typeaddmask">
			<ul>
				<li>
					<span class="label">分类名：</span>
					<p>
						<input type="text" name="albumtypename" id="albumtypename" class="_txt" />
					</p>
				</li>
				<li>
					<a href="javascript:void(0);" id="addalbumtype">确定</a>
				</li>
			</ul>

		</div>

		<!--mask end-->
</block>
<block name="script">
	<script>
		

	  	var photoTemplateMask;



		<if condition="$maxordernum neq null">
			var clicknum = {$maxordernum};
		<else />
			var clicknum = 1;
		</if>

		$(".addNoticeBtn").click(function(){
			clicknum++;
			
			var txt = '<dl>'+
							'<dt>'+'<input type="hidden" name="ordernum[]" value="'+clicknum+
								'"/><input maxlength="8" type="text" name="noticetitle[]" class="_txt" placeholder="请填写标题(8字以内)，若为空，则不显示该栏" />'+
							'</dt>'+
							'<dd>'+
								'<textarea class="_textarea" name="noticemessage[]" placeholder="请填写内容(32字以内)" maxlength="32"></textarea>'+
							'</dd>'+
						'</dl>';
			
			$(".noticeSetMainList").append(txt);
		});
		var types = getUrlParam("types");
		if(types == null || types == ""){
			types = 1;
		}
		$(".headerMenu a").removeClass("on");
		$(".headerMenu li").eq(types-1).find("a").addClass("on");
		$(".homeTabs").eq(types-1).show();
		 //获取url中的参数
        function getUrlParam(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
            var r = window.location.search.substr(1).match(reg);  //匹配目标参数
            if (r != null) return unescape(r[2]); return null; //返回参数值
        }
	</script>
										<script type="text/javascript">
										$(".updateitemdata").click(function(){
											$(".layui-layer-close").click();
											var id = $('#albumid').attr("value");
											var albumname = $('#albumname').val();
											var albummessage = $('#albummessage').val();
											
											$.post("{:U('Home/Index/home')}&types=2&do=updatealbumdata",{id:id,albumname:albumname,albummessage:albummessage},function(data,status){
												$('#span'+id).text(data);
											});
										})
									</script>
</block>